<ion-header>
    <ion-navbar no-border-bottom>
        <ion-title (click)="chooseFlowStatue()">
            {{title}}
            <ion-icon name="md-arrow-dropdown"></ion-icon>
        </ion-title>
      <ion-buttons end>
        <button ion-button (click)="showAdvancedQueryModal()" >高级查询</button>
      </ion-buttons>
    </ion-navbar>
    <ion-row class='flow-list-searchbar'>
        <ion-col col-10>
            <ion-toolbar no-border-top>
                <ion-searchbar [(ngModel)]="keyWord" color="light" placeholder="请输入标题关键字">
                </ion-searchbar>
            </ion-toolbar>
        </ion-col>
        <ion-col col-2>
            <button ion-button class="search-button" (click)="search()">查询</button>
        </ion-col>
    </ion-row>
</ion-header>
<ion-content class='main'>
    <ion-refresher (ionRefresh)="doRefresh($event)">
        <ion-refresher-content pullingText="下拉刷新" refreshingText="加载中...">
        </ion-refresher-content>
    </ion-refresher>
    <ion-list class='gfoa-list' *ngFor="let item of listData;">
        <ion-item (click)="goDetailPage(item)">
            <ion-row class='first-row'>
                <ion-col width-75 class='left'>{{item.bostitle}}</ion-col>
                <ion-col width-25 class='right'>{{getSreserved3(item.sreserved3)}}</ion-col>
            </ion-row>
            <ion-row class='second-row'>
                <ion-col col-8 class='left'>{{item.bomname}}</ion-col>
                <ion-col col-4 class='right'>{{_.split(item.bosdate,' ')[0]}}</ion-col>
            </ion-row>
        </ion-item>
    </ion-list>
    <ion-item-divider class='list-no-more-tips' color="light" [hidden]="isLoadMore">暂无更多数据...</ion-item-divider>
    <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
        <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="加载更多数据...">
        </ion-infinite-scroll-content>
    </ion-infinite-scroll>
</ion-content>
